<script setup>
import { watchEffect } from 'vue'

// 一个关键点是，侦听器必须用同步语句创建：
// 如果用异步回调创建一个侦听器，那么它不会绑定到当前组件上，你必须手动停止它，以防内存泄漏。如下方这个例子：

// 它会自动停止
watchEffect(() => { })

// 使用setTimeout会达到一种类似异步的效果，正常js是单线程，同步执行的，执行完上面，才执行下面。
// 使用setTimeout，会让该方法推迟x秒执行,达到一种类似异步的效果
// ...这个则不会！
setTimeout(() => {
    watchEffect(() => { })
}, 100)
</script>